<div id="content">
<div class="col12">
	
	<a href="#form_usuario" class="button fancybox"><i class="icon-plus verde"></i>Criar Usuário</a>

	<table id="usuario" class="dataTable">
		<thead>
			<tr>
				<th><i class="icon-user"></i>Login</th>
				<th><i class="icon-emailalt"></i>E-mail</th>
				<th><i class="icon-groups-friends"></i>Grupo</th>
				<th><i class="icon-edit"></i>Editar</th>
				<th><i class="icon-trash"></i>Deletar</th>
			</tr>
		</thead>
	</table>
</div>

<!-- -------------------------CRIAR-------------------------- -->

<div id="form_usuario" class="col12" style="display: none;">	
	<form id="criar_form" action="usuarios/criar" method="post" data-validate="parsley">
		<header><h2><i class="icon-user"></i>Criar Usuário</h2></header>
	  
	    <div>
	   		<label  for="login">Login</label>
	    	<div><i class="icon-user"></i><input id="login" name="login" class="placeholder" data-required="true" data-remote="usuarios/lerByLogin" type="text"></div>
	    </div>
	    <div>
	   		<label  for="login">Grupo</label>
	    	<div><i class="icon-groups-friends"></i>
	    		<select id="grupo" name="grupo">
	    			<option value="administrador">Administrador</option>
	    			<option value="bar">Bar</option>
	    			<option value="caixa">Caixa</option>
	    			<option value="cozinha">Cozinha</option>
	    		</select>
	    	</div>
	    </div>
	    <div>
	   		<label  for="email">E-mail</label>
	    	<div><i class="icon-emailalt"></i><input id="email" name="email" class="placeholder" data-required="true" data-trigger="change" data-type="email" type="text"></div>
	    </div>
	    <div>
		    <label  for="senha">Senha</label>
		    <div><i class="icon-key"></i><input id="senha" name="senha" class="placeholder" data-required="true"  data-trigger="change" type="password"></div>
	    </div>
	    <div>
		    <label  for="repita_a_senha">Repita a Senha</label>
		    <div><i class="icon-key"></i><input id="repita_a_senha" name="repita_a_senha" class="placeholder" data-equalto="#senha" data-required="true" data-trigger="change" type="password"></div>
	    </div>
		<div>
			<button id="submit" type="submit" class="submit"><i class='icon-save-floppy'></i>Salvar</button>
	    </div>
	</form>
</div>

<!-- -------------------------EDITAR-------------------------- -->

<div id="form_usuario_editar" class="col12" style="display: none;">	
	<form id="editar_usuario" action="usuarios/atualizar" method="post" data-validate="parsley">
		<header><h2><i class="icon-user"></i>Editar Usuário</h2></header>
	  
	    <div>
	   		<label  for="login">Login</label>
	    	<div><i class="icon-user"></i><input id="editar_login" name="login" class="placeholder" data-required="true" type="text" readonly="readonly"></div>
	    </div>
	    <div>
	   		<label  for="login">Grupo</label>
	    	<div><i class="icon-groups-friends"></i>
	    		<select id="editar_grupo" name="grupo">
	    			<option value="administrador">Administrador</option>
	    			<option value="bar">Bar</option>
	    			<option value="caixa">Caixa</option>
	    			<option value="cozinha">Cozinha</option>
	    		</select>
	    	</div>
	    </div>
	    <div>
	   		<label  for="email">E-mail</label>
	    	<div><i class="icon-emailalt"></i><input id="editar_email" name="email" class="placeholder" data-required="true" data-trigger="change" data-type="email" type="text"></div>
	    </div>
	    <div>
		    <label  for="senha">Senha Antiga</label>
		    <div><i class="icon-key"></i><input id="editar_antiga_senha" name="senha_antiga" class="placeholder" data-required="true" type="password"></div>
	    </div>
	    <div>
		    <label  for="senha">Nova Senha</label>
		    <div><i class="icon-key"></i><input id="editar_senha" name="senha" class="placeholder" data-trigger="change" type="password"></div>
	    </div>
	    <div>
		    <label  for="repita_a_senha">Repita a Nova Senha</label>
		    <div><i class="icon-key"></i><input id="editar_repita_a_senha" name="repita_a_senha" class="placeholder" data-equalto="#editar_senha" data-trigger="change" type="password"></div>
	    </div>
		<div>
			<button id="editar_submit" type="submit" class="submit"><i class='icon-save-floppy'></i>Salvar</button>
	    </div>
	</form>
</div>

</div>

